<template>
	<view>
		<view class="listData">
			<view class="top">
				<text class="topname">皇佳翼美医疗美容门诊部</text>
				<image class="goaddress" src="~@/static/shop/right.png" mode=""></image>
			</view>
			<view class="mid">
				<image class="midimg" src="" mode=""></image>
				<view style="padding: 6px;">
					<view class="title">
						<text class="titleA">全年基础水光针</text>
						<text class="titleB">￥18800</text>
					</view>
					<view class="title" style="margin-top: 5px;">
						<text></text>
						<text class="titleB">×1</text>
					</view>
					<view class="title" style="margin-top: 5px;">
						<text class="titleB" style="font-size: 7px;">￥18800</text>
						<text class="titleA">实付：￥18800</text>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.listData {
		width: 100%;
		height: 88px;
		/* background-color: #18B566; */
		border-bottom: 1px solid #999999;
	}

	.top {
		display: flex;
		/* justify-content: center; */
		align-items: center;
		margin: 11px 0 6px 36px;
	}

	.topname {
		font-size: 7px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.goaddress {
		margin: 0 0 0 4px;
		width: 4px;
		height: 7px;
	}

	.mid {
		display: flex;
	}

	.midimg {
		margin: 0 0 0px 36px;
		width: 57px;
		height: 57px;
		background-color: #18B566;
	}

	.title {
		display: flex;
		width: 275px;
		align-items: center;
		justify-content: space-between;
	}

	.titleA {
		font-size: 10px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.titleB {
		font-size: 9px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #999999;
	}
</style>
